﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="description" content="" />
    <meta name="title" content="" />
    <title>Quản lý dự án GO Rao vặt trực tuyến</title>
    <link href="themes/default/css/screen.css" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]>
    <link href="basic_css/ie.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <script src="js/jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="js/jqueryslidemenu.js" type="text/javascript"></script>
</head>
<body>
    <div class="siteAdminHeader">
        <div class="header_page">
            <a href="admin_index.html" class="logo png" title="Back to Administrator Control Panel Home page">
                Administrator Control Panel Home page</a>
            <div class="user_link">
                <ul>
                    <li>Chào bạn <a href="#"><b class="username_top">Username</b> </a><strong>(Administrator)</strong></li>
                    <li><a href="#"><strong>Log out?</strong> </a></li>
                </ul>
            </div>
        </div>
        <!--Main menu-->
        <div class="adminNav" id="myslidemenu">
            <ul>
                <li class="rmItem"><a class="rmLink" href="#"><span class="rmText">Sản phẩm</span> </a>
                    <ul class="rmVertical rmGroup">
                        <li class="rmItem"><a class="rmLink" href="#"><span class="rmText">Danh sách sản phẩm
                            chờ duyệt</span> </a></li>
                        <li class="rmItem"><a class="rmLink" href="#"><span class="rmText">Quản lý danh mục
                            sản phẩm</span> </a></li>
                    </ul>
                </li>
                <li class="rmItem rmLast"><a class="rmLink" href="#"><span class="rmText">Quản lý thành
                    viên</span> </a>
                    <ul class="rmVertical rmGroup">
                        <li class="rmItem rmFirst"><a class="rmLink" href="#"><span class="rmText">System 1</span>
                        </a></li>
                        <li class="rmItem"><a class="rmLink" href="#"><span class="rmText">System 2</span> </a>
                            <ul class="rmVertical rmGroup">
                                <li class="rmItem rmFirst rmLast"><a class="rmLink" href="#"><span class="rmText">System
                                    2.2</span> </a></li>
                            </ul>
                        </li>
                        <li class="rmItem"><a class="rmLink" href="#"><span class="rmText">System 3</span> </a>
                        </li>
                    </ul>
                </li>
            </ul>
        </div>
    </div>
    <div class="siteAdminBody">
        <div class="bodysite">
            <h2 class="page_title">
                <div class="heading_links">
                    <div class="df_btn fl">
                        <a href="#"><span class="btext">Tạo mới</span> </a>
                    </div>
                </div>
                Quản lý danh mục</h2>
            <div class="body_content">
                <div class="col1" style="float: left; width: 67%; padding-right: 3%;">
                    <!--BEGIN MODULES CONTENT (Chỉ Copy các module được chứa trong cặp div.col1, không sử dụng div.col1) -->
                    <!--Data Grid-->
                    <div class="df_tbl_func_row">
                        <label class="lb fl">
                            Search:</label>
                        <div class="form_filed fl">
                            <input type="text" class="textbox_small" />
                        </div>
                        <div class="form_filed fl">
                            <select name="s_options" class="select_small">
                                <option value="0">Chọn tiêu chí tìm kiếm</option>
                            </select>
                        </div>
                        <div class="df_btn fl">
                            <a href="#"><span class="btext">Search</span> </a>
                        </div>
                        <div class="clr">
                        </div>
                    </div>
                    <table width="100%" cellspacing="0" cellpadding="0" class="df_table">
                        <tbody>
                            <tr>
                                <th width="4%" class="center">
                                    <input type="checkbox" class="checkbox" />
                                </th>
                                <th width="12%">
                                    Registered date
                                </th>
                                <th width="12%">
                                    <span class="headercell_title">Product name</span> <span class="headercell_icn"><a
                                        title="Tăng dần" class="up" href="#">up</a> <a title="Giảm dần" class="down" href="#">
                                            down</a> </span>
                                </th>
                                <th width="40%">
                                    Chú thích
                                </th>
                                <th width="28%">
                                    Tuỳ chỉnh
                                </th>
                            </tr>
                            <tr class="odd">
                                <td class="center">
                                    <div class="cell_inner">
                                        <input type="checkbox" class="checkbox" />
                                    </div>
                                </td>
                                <td>
                                    12.04.2009
                                </td>
                                <td>
                                    Máy nghe nhạc MP3
                                </td>
                                <td>
                                    Hi, I have a datagrid that I want to set different styles for header...
                                </td>
                                <td>
                                    <a href="javascript: void(0);" class="up_icon fl" title="Move up">Move up</a> <a
                                        href="javascript: void(0);" class="uptotop_icon fl" title="Move to Top">Move to
                                        Top</a> <a href="javascript: void(0);" class="down_icon fl" title="Move down">Move down</a>
                                    <a href="javascript: void(0);" class="downtobottom_icon fl" title="Move to Top">Move
                                        to Bottom</a> <a href="javascript: void(0);" class="save_icon fl" title="Thêm">Save</a>
                                    <a href="javascript: void(0);" class="cancel_icon fl" title="Cancel">Cancel</a>
                                    <a href="javascript: void(0);" class="add_icon fl" title="Thêm">Thêm</a> <a href="javascript: void(0);"
                                        class="del_icon fl" title="Xóa">Xóa</a> <a href="javascript: void(0);" class="edit_icon fl"
                                            title="Sửa">Sửa</a> <a href="javascript: void(0);" class="check_icon fl" title="Xem">
                                                Xem</a>
                                </td>
                            </tr>
                            <tr>
                                <td colspan="5" class="tbl_subcell">
                                    <div class="tbl_subcell_inner">
                                        <table width="100%" cellspacing="0" cellpadding="0">
                                            <tbody>
                                                <tr>
                                                    <th width="4%" class="center">
                                                        STT
                                                    </th>
                                                    <th width="42%">
                                                        Sản phẩm
                                                    </th>
                                                    <th width="14%" class="center">
                                                        Giá (VNĐ)
                                                    </th>
                                                    <th width="10%" class="center">
                                                        Giá (USD)
                                                    </th>
                                                    <th width="8%" class="center">
                                                        Số lượng
                                                    </th>
                                                    <th width="18%" class="right">
                                                        Tổng cộng (VNĐ)
                                                    </th>
                                                </tr>
                                                <tr class="odd">
                                                    <td class="center">
                                                        1
                                                    </td>
                                                    <td>
                                                        <a target="_blank" class="lk1" href="product_detail.html"><strong>Samsung i780 Sản Phẩm
                                                            3G dùng hệ điều hàng WM6</strong> </a>
                                                    </td>
                                                    <td class="center">
                                                        <span class="important_lv2">4.500.000</span>
                                                    </td>
                                                    <td class="center">
                                                        4.500
                                                    </td>
                                                    <td class="center">
                                                        1
                                                    </td>
                                                    <td class="right">
                                                        <span class="important_lv2"><strong>4.500.000</strong> </span>
                                                    </td>
                                                </tr>
                                                <tr class="even">
                                                    <td class="center">
                                                        2
                                                    </td>
                                                    <td>
                                                        <a target="_blank" class="lk1" href="product_detail.html"><strong>Samsung i780 Sản Phẩm
                                                            3G dùng hệ điều hàng WM6</strong> </a>
                                                    </td>
                                                    <td class="center">
                                                        <span class="important_lv2">4.500.000</span>
                                                    </td>
                                                    <td class="center">
                                                        4.500
                                                    </td>
                                                    <td class="center">
                                                        1
                                                    </td>
                                                    <td class="right">
                                                        <span class="important_lv2"><strong>4.500.000</strong> </span>
                                                    </td>
                                                </tr>
                                                <tr class="odd">
                                                    <td class="right filled_cell" colspan="4">
                                                        <strong>Thành tiền (VNĐ):</strong>
                                                    </td>
                                                    <td class="center">
                                                        <strong>2</strong>
                                                    </td>
                                                    <td class="right">
                                                        <strong class="important">9.000.000</strong>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="center">
                                    <input type="checkbox" class="checkbox" />
                                </td>
                                <td>
                                    12.04.2009
                                </td>
                                <td>
                                    USB A-Data
                                </td>
                                <td>
                                    Hi, I have a datagrid that I want to set different and normal items
                                </td>
                                <td>
                                    <a href="javascript: void(0);" class="save_icon fl" title="Thêm">Save</a> <a href="javascript: void(0);"
                                        class="cancel_icon fl" title="Cancel">Cancel</a> <a href="javascript: void(0);" class="add_icon fl"
                                            title="Thêm">Thêm</a> <a href="javascript: void(0);" class="del_icon fl" title="Xóa">
                                                Xóa</a> <a href="javascript: void(0);" class="edit_icon fl" title="Sửa">Sửa</a>
                                    <a href="javascript: void(0);" class="check_icon fl" title="Xem">Xem</a>
                                </td>
                            </tr>
                            <tr class="odd">
                                <td class="center">
                                    <div class="cell_inner">
                                        <input type="checkbox" class="checkbox" />
                                    </div>
                                </td>
                                <td>
                                    12.04.2009
                                </td>
                                <td>
                                    Ô đia DVD
                                </td>
                                <td>
                                    Hi, I have a datagrid that I want to set different styles for header...
                                </td>
                                <td>
                                    <a href="javascript: void(0);" class="save_icon fl" title="Thêm">Save</a> <a href="javascript: void(0);"
                                        class="cancel_icon fl" title="Cancel">Cancel</a> <a href="javascript: void(0);" class="add_icon fl"
                                            title="Thêm">Thêm</a> <a href="javascript: void(0);" class="del_icon fl" title="Xóa">
                                                Xóa</a> <a href="javascript: void(0);" class="edit_icon fl" title="Sửa">Sửa</a>
                                    <a href="javascript: void(0);" class="check_icon fl" title="Xem">Xem</a>
                                </td>
                            </tr>
                            <tr class="even">
                                <td class="center">
                                    <input type="checkbox" class="checkbox" />
                                </td>
                                <td>
                                    12.04.2009
                                </td>
                                <td>
                                    Laptop SONY-Vaio
                                </td>
                                <td>
                                    Hi, I have a datagrid that I want to set different and normal items
                                </td>
                                <td>
                                    <a href="javascript: void(0);" class="save_icon fl" title="Thêm">Save</a> <a href="javascript: void(0);"
                                        class="cancel_icon fl" title="Cancel">Cancel</a> <a href="javascript: void(0);" class="add_icon fl"
                                            title="Thêm">Thêm</a> <a href="javascript: void(0);" class="del_icon fl" title="Xóa">
                                                Xóa</a> <a href="javascript: void(0);" class="edit_icon fl" title="Sửa">Sửa</a>
                                    <a href="javascript: void(0);" class="check_icon fl" title="Xem">Xem</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <!--#End: Data Grid-->
                    <!--Paginator-->
                    <div class="paginator2">
                        <a href="#">«</a> <a href="#">‹</a> <a href="#" class="selected">1</a> <a href="#">2</a>
                        <a href="#">3</a> <a href="#">4</a> <a href="#">›</a> <a href="#">»</a>
                    </div>
                    <!--#End: Paginator-->
                    <!--Information announcement-->
                    <div class="notice_msg">
                        Notice or Alert Message (class="notice_msg")</div>
                    <div class="success_msg">
                        Success Message (class="success_msg")</div>
                    <div class="info_msg">
                        Information Message (class="info_msg")</div>
                    <div class="error_msg">
                        Error Message (class="error_msg")</div>
                    <!--#End: Information announcement-->
                    <!--END MODULES CONTENT-->
                </div>
                <div class="col2" style="float: left; width: 30%;">
                    <!--BEGIN MODULES CONTENT (Chỉ Copy các module được chứa trong cặp div.col2, không sử dụng div.col2) -->
                    <div class="container_data">
                        <div class="header_container">
                            <a class="c_icon" href="javascript: void(0);">[+]</a> <span class="container_text">Container
                                heading title</span>
                            <div class="clr">
                            </div>
                        </div>
                        <div class="content">
                            <p>
                                <span class="important">Important, required text</span></p>
                            <ul class="df_list">
                                <li>List item 1</li>
                                <li>List item 2</li>
                            </ul>
                            <div class="seperated_dotted_line">
                            </div>
                            <h3>
                                Heading title 3</h3>
                            <div class="photo_grid">
                                <ul>
                                    <li><a href="#">
                                        <img border="0" src="img_data/thumb01.jpg" alt="" width="113" height="85" /></a>
                                        <p class="photo_control_func">
                                            <a class="edit_img_icon fl" title="Edit photo description" href="#">Edit</a> <a class="del_img_icon fl"
                                                title="Delete this photo" href="#">Delete</a>
                                        </p>
                                    </li>
                                    <li><a href="#">
                                        <img border="0" src="img_data/thumb02.jpg" alt="" width="113" height="85" /></a>
                                        <p class="photo_control_func">
                                            <a class="edit_img_icon fl" title="Edit photo description" href="#">Edit</a> <a class="del_img_icon fl"
                                                title="Delete this photo" href="#">Delete</a>
                                        </p>
                                    </li>
                                    <li><a href="#">
                                        <img border="0" src="img_data/thumb03.jpg" alt="" width="113" height="85" /></a>
                                        <p class="photo_control_func">
                                            <a class="edit_img_icon fl" title="Edit photo description" href="#">Edit</a> <a class="del_img_icon fl"
                                                title="Delete this photo" href="#">Delete</a>
                                        </p>
                                    </li>
                                </ul>
                                <div class="clr">
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--END MODULES CONTENT-->
                </div>
                <div class="clr">
                </div>
                <div class="bottom_content">
                    <!--Form section-->
                    <div class="container_data">
                        <div class="header_container">
                            <span class="container_flink"><a href="#" class="lk_addnew icon_lkbtn fl">Thêm mới</a>
                            </span><span class="container_text">Form format styles</span>
                        </div>
                        <div class="content content_bg_gray">
                            <!--Small size-->
                            <div class="formrow">
                                <label class="lb_small fl right">
                                    <span class="important">*</span>.lb_small:</label>
                                <div class="form_field fl">
                                    <input class="textbox_small" type="text" value=".textbox_small" />
                                    <select class="select_small">
                                        <option value="">.select_small</option>
                                    </select>
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                            <div class="seperated_dotted_line">
                            </div>
                            <!--Medium size-->
                            <div class="formrow">
                                <label class="lb_medium fl right">
                                    <span class="important">*</span>Label medium:</label>
                                <div class="form_field fl">
                                    <input class="textbox_medium" type="text" value="textbox_medium" />
                                    <select class="select_medium">
                                        <option value="">.select_medium</option>
                                    </select>
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                            <div class="formrow">
                                <label class="lb_medium right fl">
                                    Text area Medium:</label>
                                <div class="form_field">
                                    <textarea class="textarea_medium" rows="1" cols="1" style="height: 130px;">
                    textarea_medium. Chiều cao tự quy định bằng style="height:...px"</textarea>
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                            <div class="seperated_dotted_line">
                            </div>
                            <!--Large size-->
                            <div class="formrow">
                                <label class="lb_large fl right">
                                    <span class="important">*</span>Label large:</label>
                                <div class="form_field fl">
                                    <input class="textbox_large" type="text" value="textbox_large" />
                                    <select class="select_large">
                                        <option value="">.select_large</option>
                                    </select>
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                            <div class="formrow">
                                <label class="lb_large right fl">
                                    Text area large:</label>
                                <div class="form_field">
                                    <textarea class="textarea_large" rows="1" cols="1" style="height: 130px;">
                    textarea_large. Chiều cao tự quy định bằng style="height:...px"</textarea>
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                            <div class="seperated_dotted_line">
                            </div>
                            <!--Largest size-->
                            <div class="formrow">
                                <label class="lb_largest fl right">
                                    <span class="important">*</span>Label largest:</label>
                                <div class="form_field fl">
                                    <input class="textbox_largest" type="text" value="textbox_largest" />
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                            <div class="formrow">
                                <label class="lb_largest right fl">
                                    Text area largest:</label>
                                <div class="form_field">
                                    <textarea class="textarea_largest" rows="1" cols="1" style="height: 130px;">
                    textarea_largest. Chiều cao tự quy định bằng style="height:...px"</textarea>
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                            <div class="seperated_dotted_line">
                            </div>
                            <!--Textarea full 100%-->
                            <div class="formrow">
                                <label class="lb_largest">
                                    Text area full (100%):</label>
                                <div class="form_field">
                                    <textarea class="textarea_full" rows="1" cols="1" style="height: 130px;">
                    textarea_full. Chiều rộng 100%. Chiều cao tự quy định bằng
                    style="height:...px"</textarea>
                                </div>
                                <div class="clr">
                                </div>
                            </div>
                            <div class="seperated_dotted_line">
                            </div>
                            <!--Other smaller sizes-->
                            <p>
                                Ngoài ra còn có những class sau qui định những kích thước nhỏ hơn cho thẻ label,
                                textbox và select:</p>
                            <ul class="df_list">
                                <li>Label: <strong>.lb_smallest, .lb_smaller</strong></li>
                                <li>Input textbox: <strong>.textbox_smallest, .textbox_smaller</strong></li>
                                <li>Select dropdown list: <strong>.select_smallest, .select_smaller</strong></li>
                            </ul>
                            <p>
                                Dùng các class sau để kích thước tự qui định bằng inline code (style="width: ...px;
                                height: ...px;")</p>
                            <ul class="df_list">
                                <li>Label: <strong>.lb</strong></li>
                                <li>Input textbox: <strong>.textbox</strong></li>
                                <li>Select dropdown list: <strong>.select</strong></li>
                                <li>Textarea: <strong>.textarea</strong></li>
                            </ul>
                        </div>
                    </div>
                    <!--#End: Form section-->
                </div>
            </div>
        </div>
    </div>
    <div class="siteAdminFooter">
        <div class="footer_left">
            Copyright © 2010 Go.vn - Đơn vị chủ quản: <strong>Tổng Công ty Truyền thông Đa phương
                tiện Việt Nam - VTC</strong>
            <br />
            Địa chỉ: Tầng 7 - Tòa nhà VTC3 - 14 Tam Trinh - Phường Minh Khai - Quận Hai Bà Trưng
            - Hà Nội</div>
        <div class="footer_right">
            <a href="#">Đầu trang</a>| <a href="#">Sign Out</a></div>
        <div class="clr">
        </div>
    </div>
</body>
</html>
